.carousel-container {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: rgba($color: #eee, $alpha: 0.2);
  align-items: center;

  .embla__viewport {
    overflow: hidden;
    margin: 20px 0 30px;
  }

  .embla__container {
    display: flex;
    width: 830px;
    gap: 28px;
  }

  .embla__slide {
    flex: 0 0 var(calc(100%/6));
  }

  .left {
    height: 64px;
    width: 45px;
    background: url() center no-repeat;
    background-size: cover;
    margin-right: 32px;
    cursor: pointer;
  }

  .right {
    height: 64px;
    width: 45px;
    background: url() center no-repeat;
    background-size: cover;
    margin-left: 32px;
    cursor: pointer;
  }
}